/*整个页面*/
body {
    padding-top: 50px;
    padding-bottom: 50px;
    color: #5a5a5a;
}

/*鼠标移动过logo会旋转*/
.img-small-logo:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.img-small-logo {
    /*为了避免logo旋转的时候在手机屏幕上显示出白边覆盖了bottom，设置边框弧度为100px*/
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    /*鼠标移动过logo动画时间*/
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

/*轮播*/
.carousel {
    height: 419.3px;
}

.item {
    height: 480px;
}

/*Main*/
#container-summary {
    padding-top: 30px;
    padding-right: 60px;
    padding-left: 60px;
    text-align: center;
}

.summary-division {
    margin: 80px 0px;

}

/*特性*/
.hr-division {
    /*分割线*/
    padding: 20px 50px;
}

.containner.features {
    padding: 0px 50px;
}

.features-text-muted {
    /*字体大小*/

    font-size: 20px;
}

.features-text-title {
    padding-top: 22px;
    color: #2a6496;
    font-size: 55px;
}

.features-text-article {
    font-size: 21.7px;
}

.features-img {
    width: 80%;
}

/*响应式布局*/
/*768px分辨率下*/
@media (max-width: 768px) {
    .features-text-title {
        padding-top: 13px;
        font-size: 36px;
    }

    .features-img {
        width: 80%;
    }
}

/*992px*/
@media (min-width: 992px) {
    #container-summary {
        padding-top: 120px;
    }

    .features-text-title {
        padding-top: 45.7px;
        font-size: 36px;
    }

    .features-img {
        width: 80%;
    }
}

/*返回到顶部按钮样式*/
#gotop {
    display: none;
    width: 55px;
    height: 55px;
    position: fixed;
    right: 50px;
    bottom: 55px;
    background: url("../img/backtop2013.png") no-repeat -70px 0px;
    z-index: 3; /*主要是为了避免被其他的元素所阻挡而设置的*/
}

/*下载模块的块样式*/
.column {
    /*默认显示 无特别样式*/
    cursor: move;
    border: dotted white 2px;
    transition-duration: 0.2s;
}

.column.moving {
    /*点击移动中的样式*/
    opacity: 0.4;
    -webkit-transform: scale(0.76);
    -moz-transform: scale(0.76);
    -ms-transform: scale(0.76);
    -o-transform: scale(0.76);
    transform: scale(0.76);
}

.column.over {
    /*over的样式*/
    opacity: 0.4;
    border: dotted cornflowerblue 2px;

}

[draggable] {
    /*防止选择可拖动元素的文本内容*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/*播放器*/
.videoPlayer {
    width: 600px;
}

#myvideo {
    margin-top: 0px;
}

#videoControls {
    width: 600px;
    margin-top: 0px;
}

#videoProgress {
    width: 600px;
}